<template>
	<wty-login :bg-src="logoBGSrc" :logo="logoConfig" :agreements="agreementConfig" :third-party="thirdPartyConfig" :input="inputConfig" :account="accountConfig"
		@on-third-login="handleThirdLogin" @on-login="handleLogin" @on-account="handleAccount">
	</wty-login>
</template>

<script>
	import wtyLogin from '@/uni_modules/wty-login/components/wty-login/wty-login.vue'

	export default {
		components: {
			'wty-login': wtyLogin
		},
		data() {
			return {
				title: '幻次元',
				//logoBGSrc: 'https://s10.aconvert.com/convert/p3r68-cdx67/a23yg-3skr1.png',
				logoConfig: {
					//logoSrc: '',
					logoTitle: "幻次元登录",
					//logoCode: '睿学教学教务管理平台'
				},
				inputConfig: {
					userNamePlaceholder: '请输入用户名',
					passwordPlaceholder: '请输入密码...',
					radius: '10rpx'
				},
				agreementConfig: {
					service: {
						text: '《服务条款》',
						url: 'https://www.whaty.com/cms/'
					},
					privacy: {
						text: '《隐私政策》',
						url: 'https://www.whaty.com/cms/'
					}
				},
				accountConfig: [{
						title: '忘记密码'
					},
					{
						title: '注册幻次元账号',
					}
				],
				thirdPartyConfig: [{
						type: 'wechat',
						size: '100rpx' // 可选，默认64rpx
					},
					{
						type: 'qq',
						size: '100rpx'
					},
					{
						type: 'weibo',
						size: '100rpx'
					},
					{
						type: 'apple',
						size: '100rpx'
					}
				]
			}
		},
		onLoad() {
			// uni.navigateTo({
			//     url:'../../uni_modules/wty-login/pages/wty-login/wty-login'
			//    })
		},
		methods: {
			handleThirdLogin(type) {
				// 处理不同类型的登录
				switch (type) {
					case 'wechat':
						// 处理微信登录
						uni.showModal({
							title: '登录',
							content: "暂不支持"
						})
						break
					case 'qq':
						// 处理QQ登录
						uni.showModal({
							title: '登录',
							content: "暂不支持"
						})
						break
					case 'weibo':
						// 处理微博登录
						uni.showModal({
							title: '登录',
							content: "暂不支持"
						})
						break
					case 'huawei':
						// 处理华为登录
						uni.showModal({
							title: '登录',
							content: "暂不支持"
						})
						break
					case 'apple':
						// 处理苹果登录
						uni.showModal({
							title: '登录',
							content: "暂不支持"
						})
						break
				}
			},
			handleLogin(type) {
				uni.request({
				  url: 'http://14.103.233.198:9999/login', // 替换成你的API地址
				  method: 'POST',
				  data: {
				    username: type.userName,
				    password: type.password
				  },
				  success: function (res) {
				    // 假设返回的数据格式如下：{ uid: 12345 } 或 { error: "Invalid credentials" }
				    if (res.data.uid) {
					  uni.showToast({
					    title: '登陆成功', // 提示内容
					    icon: 'success',  // 图标类型，支持 'success'、'loading'、'none'
					    duration: 2000    // 提示显示的时间，单位毫秒
					  });
				      // 这里可以进行进一步处理，例如存储uid，跳转页面等
					  uni.setStorageSync('uid', res.data.uid);
					  uni.reLaunch({
					    url: '/pages/tabbar/tabbar-1/tabbar-1'
					  });
				    } else if (res.data.error) {
				      console.log('登录失败，错误信息：', res.data.error);
				      // 这里可以显示错误信息给用户
				    }
				  },
				  fail: function (err) {
				    console.log('请求失败：', err);
				    // 这里可以显示请求失败的提示
				  }
				});
			},
			handleAccount(value) {
				if (this.accountConfig[value].title=="注册幻次元账号"){
					uni.navigateTo({
						url:"/pages/register/register"
					});
				}else if (this.accountConfig[value].title=="忘记密码"){
					uni.showModal({
						title: '登录',
						content: "很抱歉，暂不支持找回密码"
					})
				}
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>